<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个js案例</title>
    <!-- <script>
        document.getElementById("mydiv").innerText="你好，jS";
    </script> -->
    <script src="js/base.js">
    </script>

</head>
<body>
    <!-- <div id="mydiv">HELLO,js</div> -->
    <h2>计算器</h2>
    数值1：<input type="text" id="ipt_num1"><br>
    数值2：<input type="text" id="ipt_num2"><br>
    <input type="button" value="相加" onclick="mycalc()">
    <p>
        <div id="resultDiv"></div>
    </p>

    <!-- <div>
        <input value="点击我" type="button" onclick=myalt()>
    </div> -->
    <!-- <script>console.log("这是一条输出")</script> -->
    <script>
        function mycalc(){
            //1.得到第一个输入框的值
            var num1=document.getElementById("ipt_num1").value;
            // alert(num1);
            //2.得到第二个输入框的值
            var num2=document.getElementById("ipt_num2").value;
            // alert(num2);
            //3.让输入框1的值 + 输入框2的值，并弹出结果
            // alert("相加结果："+(parseInt(num1)+parseInt(num2)));
            document.getElementById("resultDiv").innerText="相加的结果："+(parseInt(num1)+parseInt(num2));
            // document.getElementById("resultDiv").innerHTML="相加的结果：<span style='color=red;font-size:30px'>"+(parseInt(num1)+parseInt(num2));
           
        }  
        var name='张三';
        var age=20;
        console.log(name);
        age=21;
        console.log(age);
        function myck(msg){
            alert("收到信息："+msg);
        }

        function showLog(msg){
            console.log(msg);
        }


        function myalt(){
            var num1=2;
            var num2=3;
            alert(num1+num2)   
        }

        // function myMethod(name){
        //     alert(name+"执行了myMehod方法");
        // }
        // myMethod("张三");

        // function myTest(){
        //     //给num1 和 num2 赋一个默认的值
            
        //     //1.得到控件
        //     var iptNum1=document.getElementById("ipt_num1");
        //     var iptNum2=document.getElementById("ipt_num2");
        //     //2.操作控件
        //     iptNum1.value=0;
        //     iptNum2.value=0;






            // var flag=true;
            // //1.if写法1 
            // if(flag){
            //     alert("真的");
            // }

            // //2.if写法2
            // if(flag){
            //     alert("真的");
            // }else{
            //     alert("假的");
            // }

            //  //3.if写法3
            //  var day=4;
            //  if(day==1){
            //     alert("今天星期一");
            // }else if(day==2){
            //     alert("今天星期二");
            // }else if(day==4){
            //     alert("今天星期四");
            // }else{
            //     alert("其他");
            // }

            // // 三目表达式
            // flag?alert("为真"):alert("为假");

            // var day=3;
            // switch(day){
            //     case 1:
            //         alert("今天是周一");
            //         break;
            //     case 2:
            //         alert("今天是周二");
            //         break;
            //     case 3:
            //         alert("今天是周三");
            //         break;
            // }

            // var num=1;
            // while(num<10){
            //     console.log(num++);
            // }
            // for(var num=1;num<10;num++){
            //     console.log(num);
            // }
        // }
        // myTest();
    </script>
    <!-- <script>
        document.getElementById("mydiv").innerText="你好，jS";
    </script> -->
</body>
</html>